<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
     <h:form id="frmNew" ajaxSubmit="false">
      	<p:growl id="msgSystem" showDetail="false" life="4000" escape="true"/>   
  		<p:toolbar>  
	    	<p:toolbarGroup align="left">  
	    		<p:commandButton title="Regresar" 	value="Regresar" 	icon="icn_bar_back" 	action="educ_list" ajax="false" />
		        <p:commandButton title="Guardar" 	value="Guardar" 	icon="icn_bar_save" 	actionListener="#{profesionEducativo.nativeSave}" ajax="false" />
			</p:toolbarGroup>  
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
      	
      	<p:panel header="#{profesionEducativo.nombreProfesion} - Referente Educativo - Agregar">
      	<table class="form_table">
   			<tr><td><p:outputLabel for="txtTip" value="Tipo" /></td></tr>
   			<tr>
				<td>
					<p:selectOneMenu id="txtTip" value="#{profesionEducativo.tipo}" style="width:330px;">
					<f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />
					<f:selectItem itemLabel="Módulo Profesional"						 		itemValue="2" /> 
	         		<f:selectItem itemLabel="Capacidad Terminal del Módulo Profesional" 		itemValue="3" />
	         		<f:selectItem itemLabel="Criterio de Evaluación del Módulo Profesional" 	itemValue="4" />
	         		<f:selectItem itemLabel="Contenido Base del Módulo Profesional" 			itemValue="5" />
	         		<f:selectItem itemLabel="Módulo Transversal"						 		itemValue="6" /> 
	         		<f:selectItem itemLabel="Capacidad Terminal del Módulo Transversal" 		itemValue="7" />
	         		<f:selectItem itemLabel="Criterio de Evaluación del Módulo Transversal" 	itemValue="8" />
	         		<f:selectItem itemLabel="Contenido Base del Módulo Transversal" 			itemValue="9" />
	         		<p:ajax event="change" update=":frmNew" listener="#{profesionEducativo.setting}"/>
	    			</p:selectOneMenu>
				</td>
			</tr>
   		</table>
   		
   		<h:panelGrid columns="1" rendered="#{profesionEducativo.tipo gt 0}">
   			
   			<p:outputLabel for="txtModPro" value="Modulo Profesional" rendered="#{profesionEducativo.tipo gt 2 and profesionEducativo.tipo lt 6}"/>
   			<p:selectOneMenu id="txtModPro" value="#{profesionEducativo.bean.nivelA}" style="width:600px;"  rendered="#{profesionEducativo.tipo gt 2 and profesionEducativo.tipo lt 6}">
				<f:selectItems value="#{profesionEducativo.moduloProfesionalList}"/>
				<p:ajax event="change" listener="#{profesionEducativo.fillCapacidadProfesional}" update="txtCapPro"/>
			</p:selectOneMenu>	
			
			<p:outputLabel for="txtCapPro" value="Capacidad Terminal" rendered="#{profesionEducativo.tipo eq 4}"/>
			<p:selectOneMenu id="txtCapPro" value="#{profesionEducativo.bean.nivelB}" style="width:600px;" rendered="#{profesionEducativo.tipo eq 4}">
				<f:selectItems value="#{profesionEducativo.capacidadProfesionalList}" />
			</p:selectOneMenu>	
			
			<p:outputLabel for="txtModTra" value="Modulo Transversal" rendered="#{profesionEducativo.tipo gt 6}"/>
   			<p:selectOneMenu id="txtModTra" value="#{profesionEducativo.bean.nivelA}" style="width:600px;" rendered="#{profesionEducativo.tipo gt 6}">
				<f:selectItems value="#{profesionEducativo.moduloTransversalList}"/>
				<p:ajax event="change" listener="#{profesionEducativo.fillCapacidadTransversal}" update="txtCapTra"/>
			</p:selectOneMenu>	
			
			<p:outputLabel for="txtCapTra" value="Capacidad Terminal" rendered="#{profesionEducativo.tipo eq 8}"/>
			<p:selectOneMenu id="txtCapTra" value="#{profesionEducativo.bean.nivelB}" style="width:600px;" rendered="#{profesionEducativo.tipo eq 8}">
				<f:selectItems value="#{profesionEducativo.capacidadTransversalList}"/>
			</p:selectOneMenu>	
			
			<p:outputLabel for="txtNom" value="Nombre" rendered="#{profesionEducativo.tipo eq 2 or profesionEducativo.tipo eq 6}"/>
			<p:inputText id="txtNom" value="#{profesionEducativo.bean.titulo}" style="width:736px;" rendered="#{profesionEducativo.tipo eq 2 or profesionEducativo.tipo eq 6}"/>
			
			<p:outputLabel for="txtDes" value="Descripción"/>
			<p:inputTextarea id="txtDes" value="#{profesionEducativo.bean.descripcion}" rows="10" cols="140" autoResize="false"/>
   		</h:panelGrid>
   			
		</p:panel>
		
     </h:form>
    </ui:define>
</ui:composition>